import { memo } from "react";

const Hr = memo(
  (props: { size?: number; color?: string; verticality_interval?: number }) => {
    const { size = 1, verticality_interval = 10, color = "#e5e2e2" } = props;
    return (
      <hr
        style={{
          border: `${size}px solid ${color}`,
          margin: `${verticality_interval}px 0`,
        }}
      />
    );
  }
);

export default Hr;
